// import React, { Component } from 'react'

// export default class Hello extends Component {
//   render () {
//     return (
//       <div>Hello</div>
//     )
//   }
// }

import React, { useState, useImperativeHandle } from 'react'

function Hello (props, ref) {
  const [count, setCount] = useState(0)
  // useImperativeHandle(ref, () => {
  //   return {
  //     a: 1,
  //     add () {
  //       setCount(preCount => preCount + 1)
  //     }
  //   }
  // })

  useImperativeHandle(ref, () => ({
    a: 1,
    add () {
      setCount(preCount => preCount + 1)
    }
  }))
  return (
    <div>
      <p>{count}</p>
    </div>
  )
}
export default React.forwardRef(Hello)
